#{extends 'main.html' /}
#{set title:'Search' /}

<div style="width: 100%; text-align:left; font-size: 14px; font-family: verdana; color: #333">
	Search results for ' <strong>${param}</strong> ' :
</div>

<div class="clear"></div>

<div class="search-row">
	<div class="left-search" style="text-decoration: underline;">TV Series</div>
	<div class="center-search" style="text-decoration: underline;">
		<a href="/search/${param}/sort/rate">Rate</a>
	</div>
	<div class="right-search" style="text-decoration: underline;">
		<a href="/search/${param}/sort/following">#Followers</a>
	</div>
	<div class="clear"></div>
</div>

#{paginate.list items:paginator, as:'serie'}
<div class="search-row">
<div class="left-search">
	<a href="/s/${serie.id}"><img src="${serie.poster}" width="15" height="15"></a> &nbsp; 
	<a href="/s/${serie.id}">${serie.name}</a></div>

<div class="center-search">${serie.avgRate}</div>

              
<div class="right-search">${serie.numOfFollowers}</div>       



</div>
#{/paginate.list} 
    #{paginate.controls items:paginator /} 